<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	
	<title>Retini - A super fast &amp; simple retina (@2x &amp; @3x) converter</title>
	
	<link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,600' rel='stylesheet' type='text/css'>
	
	<style>
	body
	{
		background: #ededed;
		color: #424242;
		font-family: 'Titillium Web', sans-serif;
		font-size: 18px;
	}
	
	h1
	{
		color: #112a4b;
		font-size: 4em;
		margin: 0;
		padding: 0;
	}
	
	h2
	{
		margin: 0;
		padding: 5px 0;
	}
	
	a
	{
		text-transform: uppercase;
		color: #424242;
		text-decoration: none;
		-webkit-transition: color 0.4s ease-in-out 0s;
		transition: color 0.4s ease-in-out 0s;
		font-size: 1em;
	}
	
	a:hover
	{
		color: #112a4b;
	}
	
	h3
	{
		color: #446591;
		font-size: 1em;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
	}
	
	#wrapper
	{
		max-width: 700px;
		width: 90%;
		margin: 50px auto;
	}
	
	img
	{
		width: 128px;
	}
	
	.dash
	{
		width: 50px;
		height: 2px;
		background: #ccc;
		margin: 20px 0 10px 0;
		display: inline-block;
	}
	
	#left
	{
		width: 128px;
		float: left;
		margin: 30px 30px 0 0;
		height: 150px;
	}
	
	.clear
	{
		clear: both;
	}
	
	#footer
	{
		font-size: 0.8em;
		color: #848484;
	}
	</style>
</head>
<body>
	<div id="wrapper">
		<div id="left">
			<img src="https://raw.githubusercontent.com/terwanerik/Retini/master/Images/Icon%7E256.png" alt="" />
		</div>
		<div id="right">
			<h1>Retini</h1>
			<h3>A super fast &amp; simple retina converter</h3>
			
			<div class="dash"></div>
			<br />
			<a href="https://github.com/terwanerik/Retini/raw/master/Retini.zip">Download</a>
		</div>
		
		<div class="clear"></div>
		<p></p>
		<h2>How to use?</h2>
		<p>You can download the prebuilt application from the link at the top of this page, or just download / fork the project and built it yourself.</p>
		<p></p>
		<p>After you've got the app running, you can drag single files, multiple files and directories to convert @3x or @2x images. Dragging is allowed in the Retini window aswell as the App Icon in the Dock.</p>
		<p></p>
		<h2>How does it work?</h2>
		<p></p>
		<p>The resized images will be placed in the same directory as the source file, if you drag a @3x file, a @2x and 1x will be generated.</p>
		<p></p>
		<p>The original file will never be altered, the @2x and 1x are copies. If you drag a @3x file, the 1x file generated will be generated from the (original) @3x.</p>
		
		<div id="footer">Made by Erik Terwan - All rights reserved</div>
	</div>
</body>
</html>
